body {
    width: 20rem;
}

.popup-container {
    border: 3px black solid;
    width: fit-content;
}

.popup-container .row {
    display: flex;
    border-bottom: 1px #ccc solid;
}

.popup-container .row:nth-child(3n):not(:last-child) {
    border-bottom: 3px black solid;
}

.popup-container .row:last-child {
    border-bottom: none !important;
}

.popup-container .row .col {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    /* background: #ccc; */
    text-align: center;
    border-right: 1px #ccc solid;
    color: green;
}

.popup-container .row .col:nth-child(3n):not(:last-child) {
    border-right: 3px black solid;
}

.popup-container .row .col:last-child {
    border-right: none !important;
}

.popup-container .row .col.stable {
    font-weight: bold;
    color: black;
}


.popup-container .row .col.cur-calc {
    position: relative;
}

.popup-container .row .col.cur-calc::before {
    content: " ";
    display: inline-block;
    width: 26px;
    height: 26px;
    border: 1px solid red;
    border-radius: 50%;
    position: absolute;
    left: 1px;
    top: 1px;
}

.popup-container .row .col.cur-calc-5::before {
    border: 1px solid rgba(115, 33, 237, 0.727) !important;
}

.col.expect-multi {
    color: #ccc;
    background: yellowgreen;
}